function showSuccessMsg() {
    $('.popup_con').fadeIn('fast', function() {
        setTimeout(function(){
            $('.popup_con').fadeOut('fast',function(){}); 
        },1000) 
    });
}


function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

$(document).ready(function(){
    // TODO: 查询用户的实名认证信息
    $.get("/api/v1.0/user/auth", function (resp) {
        // 4101代表用户未登录
        if (resp.errno == "4101"){
            location.href = "/login.html";
        }
        else if (resp.errno == "0"){
            // 如果返回的数据中real_name与id_card不为null, 表示用户有填写实名信息
            if (resp.data.real_name && resp.data.id_card){
                $("#real-name").val(resp.data.real_name);
                $("#id-card").val(resp.data.id_card);
                // 给input添加disabled属性, 禁止用户修改
                $("#real-name").prop("disabled", true);
                $("#id-card").prop("disabled", true);
                // 隐藏提交保存按钮
                $("#form-auth>input[type=submit]").hide();
            }
        }
    });


    // TODO: 管理实名信息表单的提交行为
    $("#form-auth").submit(function (e) {
        e.preventDefault();
        // 如果用户没有填写完整,展示错误信息
        var real_name = $("#real-name").val();
        var id_card = $("#id-card").val();
        if (real_name == "" ||  id_card == ""){
            $(".error-msg").show();
            return
        }
        var data = {
            "real_name": real_name,
            "id_card": id_card
        };
        // 向后端发送请求
        $.ajax({
            "url": "/api/v1.0/user/auth",
            "type": "post",
            "data": JSON.stringify(data),
            "contentType": "application/json",
            "dataType": "json",
            "headers": {
                "X-CSRFToken": getCookie("csrf_token")
            },
            "success": function (resp) {
                if (resp.errno == "0"){
                    $(".error-msg").hide();
                    // 显示保存成功的提示信息
                    showSuccessMsg();
                    $("#real-name").prop("disabled", true);
                    $("#id-card").prop("disabled", true);
                    $("#form-auth>input[type=submit]").hide();
                }
            }
        });
    })
});